// pages/main/index.js
Page({
	nav(e){ //点击讲课内容时跳转到对应的页面
		let index=e.currentTarget.dataset.index //获取点击内容的索引号
		let url=this.data.contents[index].path //点击内容对应的页面路径
		wx.navigateTo({ url }) //跳转到对应的页面
	},
    data: { //页面的初始数据
		contents:[{
			title: '第一个小程序页面',
			path: '/pages/me/index',
			jj: '如何添加新的页面、如何使用wxml来组织页面内容，组件view、text、button的使用，页面数据的绑定、为组件添加事件比如 bind:tap点击事件，在js文件中编写逻辑代码，wxss控制页面像是的样式，通过this.setData({})来动态设置页面数据'
		},{
			title: '猜猜猜小游戏',
			path: '/pages/caicaicai/index',
			jj: 'input组件的使用，bindinput事件用来获取输入的数据，键值对"max:max,"可以简写称"max,"，用push()方法向数组末尾添加元素，用parseInt()函数将字符串比如"256"转换成数值256，页面函数input:function(e){}可简写成 input(e){}，用wx:for进行列表的渲染，item代表当前渲染的数据项'
		},{
			title: '我的朋友们',
			path: '/pages/friends/index',
			jj: '列表渲染中每个元素都是对象{}，可以通过点.语法比如item.title来访问，index代表当前渲染元素的索引号，还可以设置wx:key来提高渲染的性能'
		},{
			title: '网络获取生活指数',
			path: '/pages/life/index',
			jj: '在onLoad生命周期函数中通过wx.request()来发起网络请求，succuss表示成功时要执行的操作，fail是失败时执行的操作，complete是不管成功还是失败都会执行，利用block来进行列表渲染'
		},{
			title: '组织所有讲课的内容',
			jj: '通过data-xxx="{{v}}"传递一些附加数据，绑定事件的组件称之为currentTarget，实际点击的组件称之为target，通过this.data来获取页面数据，通过wx.navigateTo({url})跳转到指定的页面'
		},{
            title: '歌手为我唱响',
			path: '/pages/music/index',
			jj: '数组的forEach遍历，通过this调用页面函数比如this.f()，利用InnerAudioContext对象播放歌曲，反引号字符串的使用，仅仅更新有修改的数组元素，除bind外，还可以使用catch绑定非冒泡事件，条件渲染，startTime设置开始播放的时间，onEnded监听歌曲播放结束',
        }]
    },
})